<template>
  <div class="my-kit-doc">
    <MqyButton type="primary">12</MqyButton> 
  </div>
</template>

<script setup lang="ts">
import MqyButton from 'packages/components/button/src/button.vue'
import '@mqy-ui/theme-chalk/dist/mqy-button.css'
import '@mqy-ui/theme-chalk/dist/base.css'

</script>

<style scoped lang="scss">
html,
body {
  margin: 0;
  padding: 0;
}
.my-kit-doc {
  display: flex;
  min-height: 100vh;
  aside {
    width: 200px;
    padding: 15px;
    border-right: 1px solid #ccc;

    .routeClass {
      padding: 10px 16px;
      line-height: 1.5;
      background-color: #ffffff;

      a {
        color: #606266;
      }
    }
    .selectRouteClass {
      background-color: #ecf5ff;

      a {
        color: #409eff;
      }
    }
  }
  main {
    width: 100%;
    flex: 1;
    padding: 15px;
  }
}
</style>
